.container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.door {
  width: 50%;
  height: 100%;
  background-color: #131824;
}

.open-left-door {
  transform: translateX(-100%);
  transition:0.4s ease-in;
}

.hidden {
  display: none;
}

.open-right-door {
  transform: translateX(100%);
  transition: 0.4s ease-in;
}

.content {
  animation: zm-fade-in 1s;
}

@keyframes zm-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes open-left-door {
  to {
    transform: translateX(-100%);
  }
}